<template>
	<div class="center">
		<div class="title" @click="tiaozhuan()">
		        <div class="left changeFeed">
		          <i> <img src="../assets/shuaxin.png" > </i>{{msg}}
		        </div>
		        <h2>{{msg1}}</h2>
		        <div class="right">
		            <span>{{msg2}}</span>
		            <span>{{msg3}}</span>
					<!-- <router-link to="/quchu" class="help">去处</router-link> -->
		        </div>
		      </div>
	</div>
</template>

<script>
	export default {
	  name: 'Inspiration',
	 data(){
		return{
			msg:"换一批",
			msg1:"灵感",
			msg2:"更多行程",
			msg3:"更多去处"
		}
	 },
	 methods:{
		 tiaozhuan(){
			 <router-link to="/about">帮我</router-link>
		 }
	 }
	}
</script>

<style scoped="scoped">
	.title{
		height: 120px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 20px;
		color: #ffffff;
	}
	.title img{
		margin-right: 20px;
		vertical-align: middle;
	}
	.center{
		width: 1200px;
		margin: 0 auto;
	}
	.title h2{
		font-size: 40px;
	}
	.title .right span{
		display: inline-block;
		margin-left: 20px;
	}
</style>
